<script setup lang="ts">
const content = ref('Hello World!');
</script>

<template>
  <main class="title">
    {{content}}
    <div class="markdown">
      <markdown-editor v-model="content" :height="400" placeholder="在这里输入内容"/>
    </div>
  </main>
</template>

<style lang="scss" scoped>
main.title{
  @apply flex justify-center items-center h-screen bg-slate-300
  ;
  div.markdown{
    @apply w-[900px];
  }
}
</style>